﻿body {
    background-color: #EFEEF4;
    width: 100%;
    height: 100%;
}

.list>ul{
    background-color: white;
    margin-bottom: 0px;
    margin: 0px;
    padding: 0px;
    margin-top: 36px;
}
.div-userinfo {
    position: relative;
    background-color: white;
    height: 140px;
    width: 100%;
}
/* 头像部分 */
#ContentPlaceHolder1_imgUserAvatar {
    position: absolute;
    width: 80px;
    border-radius: 50%;
    background-color: red;
    top: 30px;
    left: 20px;
}
.editavatar {
    position: absolute;
    top: 20px;
    left: 70px;
    color: black;
}
/*设置模糊效果*/
.editavatar>span {
    content: " ";
    display: inline-block;
    border-radius: 50%;
    box-shadow: inset 0 0 0 3000px rgba(212,219,232,0.8);
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
}
/*个人信息展示列表*/
.div-userinfo ul {
    background: none;
    position: absolute;
    list-style: none;
    margin-top: 36px;
    width: 75%;
    font-size: 14px;
    font-weight: normal;
}
.div-userinfo ul li {
    float: left;
    height: 26px;
}

.div-userinfo .list1 {
    top: -15%;
    left: 25%;
}
.div-userinfo .list2 {
    top: 5%;
    left: 20%;
}
.div-userinfo .list3 {
    top: 28%;
    left: 20%;
}
.div-userinfo .list4 {
    top: 50%;
    left: 20%;
}
.div-userinfo .list1 li:last-child {
    position: absolute;
    right: 6%;
}

.foot {
    position: relative;
    margin-top: 5%;
    background-color: white;
    height: 66px;
}

.foot .mui-btn {
    position: absolute;
    left: 5%;
    top: 20%;
    height: 60%;
    line-height: 60%;
    width: 90%;
    border-radius: 25px;
    color: #fff;
    border: 1px solid #007aff;
    background-color: #007aff;
}